{extend name="base"}

{block name="content"}
<link rel="stylesheet" href="__RES__/../static/merchant/flat/store_set.css">
<div class="main new_main orders_record dl_goods categorys">
		<div class="head">
			<div class="head_top">
				<a href="javascript:history.back(-1)" class="btn_back btn_l">
					<i class="iconfont  icon-arrow-back"></i>
				</a>
				<span>
					商品分类
				</span>
				<!-- <a href="categorys_set.html" class="btn_add btn_r">
					<i class="iconfont icon-add"></i>
				</a> -->
			</div>
			<a href="javascript:;" class="add_category">
				<div class="head_btn">
					<span>+&nbsp;添加分类</span>
				</div>
			</a>
		</div>
	    {foreach $categorys as $v}
				<div class="section_ty1 goods_r">
			<div class="s_ty_title">
				<span class="s_ty_t_title">分类名称&nbsp;:&nbsp;{$v.name}</span>
				<div class="s_ty_r">
					<span>排序&nbsp;:</span>
					<span>{$v.sort}</span>
				</div>
			</div>
			
			<div class="s_ty_set">
				<span class="s_btn1" onclick="showContent({$v.id})">链接</span>
				<span class="s_btn1" onclick="window.location.href='/merchant/goods/index?cate_id={$v.id}&amp;do=search'">商品</span>
				<span class="s_btn1" onclick="window.location.href='/merchant/goods_category/edit?id={$v.id}&amp;do=search'">编辑</span>
				<span class="s_btn2 btn_delete" onclick="delData({$v.id})">删除</span>
			</div>
		</div>
		{/foreach}
			</div>
<div class="modals_box exportDiv" style="display: none;">
		<div class="modals_main">
			<div class="modals_newDiv">
				<div class="modals_newContent" style="width: 70%; left: 15%; margin-left: 0px;">
					<div class="modals_newPar">
						<div class="new_title">添加分类</div>
						<div class="new_content">
							<form method="post" id="ajaxform" action="{:url('add')}">
							<div class="e_content">
								<dl>
									<dt class="e_title">分类名称</dt>
									<dd class="e_input"  style="float: none;"><input type="text" name="name" style=" width: 100%;"></dd>
								</dl>
								<dl>
									<dt class="e_title">排序</dt>
									<dd class="e_input"  style="float: none;"><input type="text" name="sort" value="100" style=" width: 100%"></dd>
								</dl>
								<dl>
									
									<div class="e_input" style="float: none;" onclick="submitform();return false;"><span class="btn_confirm" style="width: 100%;">确认</span></div>
								</dl>
							</div>
							</form>
							<div class="e_footer">
								<dl>
									<dt class="e_title">功能说明</dt>
									<dd class="e_text">
										1、排序数值越小，排位越靠前，如：排序99的会在排序100之上</dd>
									<dd class="e_text">
										2、在购买页面的商品分类列表会以此排序
									</dd>
								</dl>
							</div>
							
						</div>
					</div>
				</div>
				<div class="modals_shade"></div>
			</div>
		</div>
	</div>
{/block}

{block name="appendJS"}
<script>
        $('.add_category').click(function () {
				$('.exportDiv').fadeIn(200);
			});
		$('.modals_shade').click(function () {
				$('.exportDiv').fadeOut(0);
				// c_input();
				// console.log('取消');
			}); 
	 function submitform() {
                $("#ajaxform").submit();
        }
    var showContent=function(id){
        layer.open({
            type: 2,
            title: '商品分类链接',
            shadeClose: true,
            shade: 0.3,
            area: ['90%', '90%'],
            content: '/merchant/goods_category/link?id='+id+'' //iframe的url
        });
    };


    function delData(id){
        layer.confirm('确定要删除此商品分类？', {
            btn: ['确定','取消'] //按钮
        }, function(){
            $.get('/merchant/goods_category/del',{id:id},function(res){
				if(res.code==0){
                    layer.msg('删除成功', {icon: 1});
					setTimeout(function(){
						location.reload();
					},200);
                } else {
                    layer.msg(res.msg, {icon: 2});
					setTimeout(function(){
						location.reload();
					},2000);
                }
            });
        });
    }

    $('button').click(function(){
        var catename=$.trim($('[name=name]').val());
        if(catename==''){
            layer.msg('分类名称不得为空',{icon:2});
            $('[name=name]').focus();
            return false;
        };
        $('#add').submit();
    });
</script>
{/block}